

:root[theme-mode="dark"] {
  --cyd-color-brand: var(--cyd-color-navy-blue-800);
  --cyd-color-brand-1: var(--cyd-color-navy-blue-700);
  --cyd-color-brand-2: var(--cyd-color-navy-blue-500);
  --cyd-color-brand-3: var(--cyd-color-navy-blue-300);
  --cyd-color-brand-4: var(--cyd-color-blue-800);


  /* 颜色系统 */
  --cyd-color-primary: var(--cyd-color-navy-blue-600);
  --cyd-color-primary-hover: var(--cyd-color-navy-blue-700);

  /********************* 边框色 ********************/
  --cyd-color-border: var(--cyd-color-gray-6);
  --cyd-color-border-primary: var(--cyd-color-neutral-600);
  --cyd-color-border-secondary: var(--cyd-color-neutral-800);
  --cyd-color-border-input: var(--cyd-color-gray-6);
  --cyd-color-border-level-1: var(--cyd-color-white);
  --cyd-color-border-level-2: var(--cyd-color-gray-2);
  --cyd-color-border-level-3: var(--cyd-color-gray-8);
  --cyd-color-border-level-4: var(--cyd-color-gray-10);
  --cyd-color-border-primary-hover: var(--cyd-color-navy-blue-900);
  --cyd-color-border-info: var(--cyd-color-navy-blue-800);
  --cyd-color-border-info-hover: var(--cyd-color-navy-blue-900);
  --cyd-color-border-danger: var(--cyd-color-red-800);
  --cyd-color-border-danger-hover: var(--cyd-color-red-900);
  --cyd-color-border-success: var(--cyd-color-green-800);
  --cyd-color-border-success-hover: var(--cyd-color-green-900);
  --cyd-color-border-warning: var(--cyd-color-orange-700);
  --cyd-color-border-warning-hover: var(--cyd-color-orange-900);



  /********************* 文字颜色 ********************/
  --cyd-color-text-primary: var(--cyd-color-white);
   --cyd-color-text-disabled: var(--cyd-color-neutral-400);
  --cyd-color-text-contrast: var(--cyd-color-white);
  --cyd-color-text-level: var(--cyd-color-neutral-50); /* 次要文字 */
  --cyd-color-text-level-1: var(--cyd-color-neutral-100); /* 次要文字 */
  --cyd-color-text-level-2: var(--cyd-color-neutral-400); /* 次要文字 */
  --cyd-color-text-level-3: var(--cyd-color-gray-4); /* 次要文字 */
  --cyd-color-text-level-4: var(--cyd-color-gray-5); /* 次要文字 */
  --cyd-color-text-level-5: var(--cyd-color-gray-6); /* 次要文字 */
  --cyd-color-text-level-6: var(--cyd-color-gray-8); /* 次要文字 */
  --cyd-color-text-level-7: var(--cyd-color-gray-9); /* 次要文字 */
  --cyd-color-text-info: var(--cyd-color-navy-blue-800);
  --cyd-color-text-info-hover: var(--cyd-color-navy-blue-900);
  --cyd-color-text-danger: var(--cyd-color-red-800);
  --cyd-color-text-danger-hover: var(--cyd-color-red-900);
  --cyd-color-text-success: var(--cyd-color-green-800);
  --cyd-color-text-success-hover: var(--cyd-color-green-900);
  --cyd-color-text-warning: var(--cyd-color-orange-700);
  --cyd-color-text-warning-hover: var(--cyd-color-orange-900);


  /********************* 背景色 ********************/
  --cyd-color-bg-brand: var(--cyd-color-brand-1);
  --cyd-color-bg-brand-1: var(--cyd-color-brand-2);
  --cyd-color-bg-primary: var(--cyd-color-navy-blue-800);
  --cyd-color-bg-primary-hover: var(--cyd-color-navy-blue-900);
  --cyd-color-bg-info: var(--cyd-color-navy-blue-800);
  --cyd-color-bg-info-hover: var(--cyd-color-navy-blue-900);
  --cyd-color-bg-danger: var(--cyd-color-red-800);
  --cyd-color-bg-danger-hover: var(--cyd-color-red-900);
  --cyd-color-bg-success: var(--cyd-color-green-800);
  --cyd-color-bg-success-hover: var(--cyd-color-green-900);
  --cyd-color-bg-warning: var(--cyd-color-orange-700);
  --cyd-color-bg-warning-hover: var(--cyd-color-orange-900);
  --cyd-color-bg-section: var(--cyd-color-black-500); /* 卡片默认-选中背景色 */
  --cyd-color-bg-card-primary: var(--cyd-color-neutral-200); /* 卡片默认背景色 */
  --cyd-color-bg-card-active: var(--cyd-color-neutral-200); /* 卡片默认-选中背景色 */
  --cyd-color-bg-card-secondary: var(--cyd-color-black-300); /* 次要卡片背景色 */
  --cyd-color-bg-secondary: var(--cyd-color-black-500); /* 次级背景 */
  --cyd-color-bg-level-1: var(--cyd-color-black-200);  /* 次级背景 */
  --cyd-color-bg-level-2: var(--cyd-color-black-100);  /* 次级背景 */
  --cyd-color-bg-level-3: var(--cyd-color-black-50);  /* 次级背景 */

}
